<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>金山学院牛人榜 - 关于我们</title>
    <style>
        body {
            font-family: 'Microsoft YaHei', sans-serif;
            margin: 0;
            padding: 80px 20px 20px;
            background: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
            min-height: 100vh;
        }
        .nav {
            background-color: rgba(255, 255, 255, 0.9);
            padding: 15px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
        }
        .nav ul {
            list-style: none;
            display: flex;
            justify-content: center;
            gap: 30px;
            margin: 0;
            padding: 0;
        }
        .nav a {
            text-decoration: none;
            color: #3a6ea5;
            font-weight: bold;
            padding: 8px 15px;
            border-radius: 20px;
            transition: all 0.3s ease;
        }
        .nav a:hover {
            background-color: #3a6ea5;
            color: white;
        }
        .about-container {
            max-width: 800px;
            margin: 0 auto;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .about-header {
            text-align: center;
            margin-bottom: 40px;
        }
        .about-title {
            font-size: 2.5em;
            color: #3a6ea5;
            margin-bottom: 10px;
        }
        .about-subtitle {
            color: #666;
            font-size: 1.2em;
        }
        .about-section {
            margin-bottom: 30px;
        }
        .section-title {
            color: #3a6ea5;
            font-size: 1.5em;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 2px solid #e63946;
        }
        .about-text {
            line-height: 1.6;
            color: #333;
        }
        .feature-list {
            list-style: none;
            padding: 0;
        }
        .feature-item {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            padding: 15px;
            background: #f8f9fa;
            border-radius: 10px;
            transition: transform 0.3s ease;
        }
        .feature-item:hover {
            transform: translateX(10px);
        }
        .feature-icon {
            font-size: 1.5em;
            margin-right: 15px;
            color: #3a6ea5;
        }
        .contact-info {
            background: #f8f9fa;
            padding: 20px;
            border-radius: 10px;
            margin-top: 30px;
        }
        .contact-item {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        .contact-icon {
            margin-right: 10px;
            color: #3a6ea5;
        }
        @keyframes slideIn {
            from { transform: translateX(-50px); opacity: 0; }
            to { transform: translateX(0); opacity: 1; }
        }
        .about-section {
            animation: slideIn 0.5s ease forwards;
        }
        .about-section:nth-child(2) { animation-delay: 0.2s; }
        .about-section:nth-child(3) { animation-delay: 0.4s; }
        .about-section:nth-child(4) { animation-delay: 0.6s; }
    </style>
</head>
<body>
    <nav class="nav">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="ranking.html">牛人榜</a></li>
            <li><a href="champion.html">最强王者</a></li>
            <li><a href="about.html">关于我们</a></li>
        </ul>
    </nav>
    <div class="about-container">
        <div class="about-header">
            <div class="logo" style="text-align: center; margin-bottom: 20px;">
                <img src="https://tse2-mm.cn.bing.net/th/id/OIP-C.e8IZn4WgxFKwAQH_oHLZUwHaHa?w=882&h=882&rs=1&pid=ImgDetMain" alt="金山学院校徽" style="width: 80px; height: 80px;">
            </div>
            <h1 class="about-title">关于金山学院牛人榜</h1>
            <p class="about-subtitle">发现校园里的优秀人才，激励更多同学追求卓越</p>
        </div>
        <div class="about-section">
            <h2 class="section-title">项目简介</h2>
            <p class="about-text">金山学院牛人榜是一个致力于发现和展示校园优秀人才的平台。我们通过收集和展示同学们在各个领域的成就，激励更多同学追求卓越，营造积极向上的校园氛围。</p>
        </div>
        <div class="about-section">
            <h2 class="section-title">评选标准</h2>
            <p class="about-text"><strong>我们的牛人榜不以课程成绩作为批判标准</strong>，而是关注学生在实践能力、创新精神和专业技能方面的表现。</p>
            <ul class="feature-list">
                <li class="feature-item">
                    <span class="feature-icon">💡</span>
                    <span>创新能力：项目开发、专利申请、技术创新等</span>
                </li>
                <li class="feature-item">
                    <span class="feature-icon">🏆</span>
                    <span>竞赛获奖：各类学科竞赛、创新创业大赛等</span>
                </li>
                <li class="feature-item">
                    <span class="feature-icon">💻</span>
                    <span>专业技能：技术掌握程度、实际应用能力等</span>
                </li>
                <li class="feature-item">
                    <span class="feature-icon">🌟</span>
                    <span>综合素质：社会实践、团队协作、领导力等</span>
                </li>
            </ul>
        </div>
        <div class="about-section">
            <h2 class="section-title">我们的目标</h2>
            <p class="about-text">通过展示优秀学生的成就，我们希望：</p>
            <ul class="feature-list">
                <li class="feature-item">
                    <span class="feature-icon">🎯</span>
                    <span>激励更多同学追求卓越</span>
                </li>
                <li class="feature-item">
                    <span class="feature-icon">🤝</span>
                    <span>促进同学之间的交流与学习</span>
                </li>
                <li class="feature-item">
                    <span class="feature-icon">🌱</span>
                    <span>营造积极向上的校园文化</span>
                </li>
            </ul>
        </div>
        <div class="about-section">
            <h2 class="section-title">联系我们</h2>
            <div class="contact-info">
                <div class="contact-item">
                    <span class="contact-icon">📧</span>
                    <span>邮箱：2524970648@qq.com</span>
                </div>
                <div class="contact-item">
                    <span class="contact-icon">📱</span>
                    <span>微信公众号：金山学院牛人榜</span>
                </div>
                <div class="contact-item">
                    <span class="contact-icon">🏫</span>
                    <span>地址：福建省福州市仓山区福建农林大学金山学院</span>
                </div>
            </div>
        </div>
    </div>
</body>
</html> 